import React from 'react';
import { Timeline } from 'antd';
import { ClockCircleOutlined } from '@ant-design/icons';

export default class TodayTimeLine extends React.Component {
    constructor(props) {
        super(props);
        this.state = {};
    }

    render() {
        return (
            <div className="today-timeline">
                <h4 className="today-timeline-title">今日痕迹</h4>
                <div style={{ height: 400, overflowY: 'auto', paddingTop: 10, paddingLeft: 10 }}>
                    <Timeline>
                        <Timeline.Item>Create a services site 2015-09-01</Timeline.Item>
                        <Timeline.Item>Solve initial network problems 2015-09-01</Timeline.Item>
                        <Timeline.Item color="red" dot={<ClockCircleOutlined style={{ fontSize: '16px' }} />}>
                            Technical testing 2015-09-01
                        </Timeline.Item>
                        <Timeline.Item>Network problems being solved 2015-09-01</Timeline.Item>
                        <Timeline.Item>Create a services site 2015-09-01</Timeline.Item>
                        <Timeline.Item>Solve initial network problems 2015-09-01</Timeline.Item>
                        <Timeline.Item color="red" dot={<ClockCircleOutlined style={{ fontSize: '16px' }} />}>
                            Technical testing 2015-09-01
                        </Timeline.Item>
                        <Timeline.Item>Network problems being solved 2015-09-01</Timeline.Item>
                        <Timeline.Item>Create a services site 2015-09-01</Timeline.Item>
                        <Timeline.Item>Solve initial network problems 2015-09-01</Timeline.Item>
                        <Timeline.Item color="red" dot={<ClockCircleOutlined style={{ fontSize: '16px' }} />}>
                            Technical testing 2015-09-01
                        </Timeline.Item>
                        <Timeline.Item>Network problems being solved 2015-09-01</Timeline.Item>
                    </Timeline>
                </div>
            </div>
        )
    }
}
export { TodayTimeLine };